<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center exChange_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub exChange_fd0_0'>
          <view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
            <text class='fu-iconfont2  exChange_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='exChange_fd0_0_c0_c0'>我的租赁</text>
          </view>
          <view class='flex flex-wrap align-center exChange_fd0_0_c2'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---tabs标题flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view>
          <benben-flex-tabs class-name='exChange_benbenTabsfd1_0' v-model="tabs" ref="benben_tabsfd1_0"
            select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='true' :top='88'
            :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0" @change="getListFunc()">

            <scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0"
              class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0.moveX"
              scroll-with-animation="all .3s ease">
              <view class="benben-tabs-content" id="benben_tabsfd1_0-content">
                <view id="benben_tabsfd1_0-title" class="benben-tabs-title flex flex align-center justify-around">
                  <view
                    :class="{ 'checkTitlefd1_0': tabs == '-1', 'flex flex-wrap align-center exChange_titlefd1_0_c3': true }"
                    @tap="tabs = '-1'" :id="`benben_tabsfd1_0-title-item-${'-1'}`">

                    <text>{{$t('全部')}}</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': tabs == 'shipped', 'flex flex-wrap align-center exChange_titlefd1_0_c3': true }"
                    @tap="tabs = 'shipped'" :id="`benben_tabsfd1_0-title-item-${'shipped'}`">

                    <text>租赁中</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': tabs == 'received', 'flex flex-wrap align-center exChange_titlefd1_0_c3': true }"
                    @tap="tabs = 'received'" :id="`benben_tabsfd1_0-title-item-${'received'}`">

                    <text>待归还</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': tabs == 'received', 'flex flex-wrap align-center exChange_titlefd1_0_c3': true }"
                    @tap="tabs = 'received'" :id="`benben_tabsfd1_0-title-item-${'received'}`">

                    <text>待退款</text>

                  </view>
                  <view
                    :class="{ 'checkTitlefd1_0': tabs == 'Completed', 'flex flex-wrap align-center exChange_titlefd1_0_c3': true }"
                    @tap="tabs = 'Completed'" :id="`benben_tabsfd1_0-title-item-${'Completed'}`">

                    <text>{{$t('已完成')}}</text>

                  </view>
                </view>
                <view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth ,}"
                  id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line exChange_linefd1_0">
                </view>
              </view>
            </scroll-view>

          </benben-flex-tabs>

        </view>
        <view class='flex flex-direction align-stretch exChange_fd1_1'>
          <template v-for='(item,key0) in dataMessage'>
            <view class='flex flex-direction flex-wrap align-stretch exChange_fd1_1_c0' @tap.stop="handleJumpDiy"
              data-type="navigateTo" :data-url="`/pages/jf/orderDetails/orderDetails?integral_id=${item.order_sn}`"
              :key='key0'>
              <view class='flex flex-wrap align-center exChange_fd1_1_c0_c0'>
                <text class='exChange_titlefd1_0_c3'>{{$t('订单编号：')}}</text>
                <text class='flex-sub exChange_fd1_1_c0_c0_c1'>{{item.order_sn}}</text>
                <text class='exChange_fd1_1_c0_c0_c2' v-if="item.status=='0'">待付款</text><text
                  class='exChange_fd1_1_c0_c0_c2' v-if="item.status=='1'">{{$t('待发货')}}</text><text
                  class='exChange_fd1_1_c0_c0_c2' v-if="item.status=='2'">{{$t('待收货')}}</text><text
                  class='exChange_fd1_1_c0_c0_c2' v-if="item.status=='4'">{{$t('已完成')}}</text><text
                  class='exChange_fd1_1_c0_c0_c2' v-if="item.status=='-1'">{{$t('已取消')}}</text>
              </view>
              <view class='flex flex-wrap align-stretch exChange_fd1_1_c0_c1'>
                <image class='exChange_fd1_1_c0_c1_c0' mode="aspectFit" :src='item.goods_thumb' v-if="changetype!='2'">
                </image>
                <image class='exChange_fd1_1_c0_c1_c0' mode="aspectFit" :src='item.goods_thumb' v-if="changetype=='2'">
                </image>
                <view class='flex flex-direction flex-wrap align-stretch flex-sub exChange_fd1_1_c0_c1_c1'>
                  <text class='exChange_fd1_1_c0_c1_c1_c0'>{{item.goods_name}}</text>
                  <view class='flex flex-wrap align-center exChange_fd1_1_c0_c1_c1_c1'>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c0'>{{item.goods_integral}}</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c1'>{{$t('积分')}}</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c2' v-if="item.shop_price!='0.00'">+</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c0'
                      v-if="item.shop_price!='0.00'">{{item.shop_price}}</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c1' v-if="item.shop_price!='0.00'">元</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c5'>x</text>
                    <text class='exChange_fd1_1_c0_c1_c1_c1_c6'>{{item.num}}</text>
                  </view>
                </view>
              </view>
              <view class='flex flex-wrap align-center justify-end exChange_fd1_1_c0_c2'>
                <text class='exChange_fd1_1_c0_c2_c0'>{{$t('合计：')}}</text>
                <text class='exChange_fd1_1_c0_c1_c1_c1_c0'>{{item.goods_integral}}</text>
                <text class='exChange_fd1_1_c0_c1_c1_c1_c1'>{{$t('积分')}}</text>
                <text class='exChange_fd1_1_c0_c1_c1_c1_c2' v-if="item.shop_price!='0.00'">+</text>
                <text class='exChange_fd1_1_c0_c1_c1_c1_c0' v-if="item.shop_price!='0.00'">{{item.shop_price}}</text>
                <text class='exChange_fd1_1_c0_c1_c1_c1_c1' v-if="item.shop_price!='0.00'">{{$t('元')}}</text>
              </view>
              <view class='flex flex-wrap align-center justify-end exChange_fd1_1_c0_c3'>
                <view class='flex flex-wrap align-center exChange_fd1_1_c0_c3_c0' v-if=" item.status==0">
                  <text class='exChange_fd1_1_c0_c3_c0_c0'>{{$t('剩余时间：')}}</text>
                  <benben-countdown class=' exChange_fd1_1_c0_c3_c0_c1' :show-day='false' :time-type='false'
                    :count-time="item.cancel_time">
                    <template #default="{ d, h, i, s }">
                      <text>{{h}}</text>

                      <text>:</text>

                      <text>{{i}}</text>

                      <text>:</text>

                      <text>{{s}}</text>

                      <text></text>
                    </template>
                  </benben-countdown>
                </view>
                <button class='exChange_fd1_1_c0_c3_c1' @tap.stop="getcancleIDFunc(item.order_sn)"
                  v-if="item.status=='0'">{{$t('取消订单')}}</button><button class='exChange_fd1_1_c0_c3_c1_1'
                  @tap.stop="handleJumpDiy" data-type="navigateTo"
                  :data-url="`/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${item.aid}`"
                  v-if="in_array(item.status,'2,4')">{{$t('查看物流')}}</button><button class='exChange_fd1_1_c0_c3_c1_1'
                  @tap.stop="getdeleteIDFunc(item.order_sn)" v-if="in_array(item.status,'4,-1')">{{$t('删除订单')}}</button>
                <button class='exChange_fd1_1_c0_c3_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
                  :data-url="`/pages/sy/offerPay/offerPay?order_sn=${item.order_sn}&order_type=4`"
                  v-if="item.status=='0'">{{$t('去付款')}}</button><button class='exChange_fd1_1_c0_c3_c2_1'
                  @tap.stop="remindshipFunc(item.order_sn)"
                  v-if="item.status=='1' && item.is_remind.info=='0'">{{$t('提醒发货')}}</button><button
                  class='exChange_fd1_1_c0_c3_c2_1' @tap.stop="getconfirmIDFunc(item.order_sn)"
                  v-if="item.status=='2'">{{$t('确认收货')}}</button><button class='exChange_fd1_1_c0_c3_c2'
                  v-if="item.status=='1' && item.is_remind.info=='1'">{{$t('已提醒')}}</button>
              </view>
            </view>
          </template>
          <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
            :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
        </view>
      </view>

      <!---tabs标题flex布局结束-->
      <benben-popup v-model="popupShow1686119263829" :mask="true" :mask-close-able="true" mode='center'>
        <!---删除订单弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-center exChange_flex_2">
          <text class='exChange_fd2_0'>{{$t('提示')}}</text>
          <text class='exChange_fd2_1'>{{$t('是否确认删除订单?')}}</text>
          <view class='flex flex-wrap align-center'>
            <button class='exChange_fd2_2_c0' @tap.stop="popupShow1686119263829=false">{{$t('取消')}}</button>
            <button class='exChange_fd2_2_c1' @tap.stop="getDeleteFunc()">{{$t('确定')}}</button>
          </view>
        </view>

        <!---删除订单弹窗flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1686118994080" :mask="true" :mask-close-able="true" mode='center'>
        <!---确认收货弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-center exChange_flex_3">
          <text class='exChange_fd3_0'>{{$t('提示')}}</text>
          <text class='exChange_fd3_1'>{{$t('是否确认收货?')}}</text>
          <view class='flex flex-wrap align-center'>
            <button class='exChange_fd3_2_c0' @tap.stop="popupShow1686118994080=false">{{$t('取消')}}</button>
            <button class='exChange_fd3_2_c1' @tap.stop="getConfirmFunc()">{{$t('确定')}}</button>
          </view>
        </view>

        <!---确认收货弹窗flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1686119225596" :mask="true" :mask-close-able="true" mode='center'>
        <!---取消订单弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-center exChange_flex_4">
          <text class='exChange_fd4_0'>{{$t('提示')}}</text>
          <text class='exChange_fd4_1'>{{$t('是否确认取消订单?')}}</text>
          <view class='flex flex-wrap align-center'>
            <button class='exChange_fd4_2_c0' @tap.stop="popupShow1686119225596=false">{{$t('取消')}}</button>
            <button class='exChange_fd4_2_c1' @tap.stop="getCancleFunc()">{{$t('确定')}}</button>
          </view>
        </view>

        <!---取消订单弹窗flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "popupShow1686119225596": false,
        "popupShow1686118994080": false,
        "popupShow1686119263829": false,
        "tabsInfofd1_0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "tabs": "all",
        "changetype": "1",
        "cut": "1",
        "dataMessage": [],
        "cancle_id": "",
        "confirm_id": "",
        "delete_id": ""
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.getListFunc()
      this.diyPageListen()
    },
    onUnload() {
      this.diyOffPageListen()
    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {
      this.getListFunc()
    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //获取取消id
      getcancleIDFunc(order_sn) {
        this.cancle_id = order_sn;
        this.popupShow1686119225596 = true;
      },
      //获取确认收货id
      getconfirmIDFunc(order_sn) {
        this.confirm_id = order_sn;
        this.popupShow1686118994080 = true;
      },
      //获取删除订单id
      getdeleteIDFunc(order_sn) {
        this.delete_id = order_sn;
        this.popupShow1686119263829 = true;
      },
      //取消订单
      async getCancleFunc() {
        //请求方法
        //数据验证

        let data64155c02284ef = await this.$api.post(global.apiUrls.post64155c02284ef, {
          order_sn: this.cancle_id
        });

        if (data64155c02284ef.data.code != 1) {
          this.$message.info(data64155c02284ef.data.msg);
          return
        }



        this.popupShow1686119225596 = false;
        this.getListFunc()
      },
      //确认收货
      async getConfirmFunc() {
        //请求方法
        //数据验证

        let data64156687686b5 = await this.$api.post(global.apiUrls.post64156687686b5, {
          order_sn: this.confirm_id
        });

        if (data64156687686b5.data.code != 1) {
          this.$message.info(data64156687686b5.data.msg);
          return
        }



        this.popupShow1686118994080 = false;
        this.getListFunc()
      },
      //删除订单
      async getDeleteFunc() {
        //请求方法
        //数据验证

        let data641568f194350 = await this.$api.post(global.apiUrls.post641568f194350, {
          order_sn: this.delete_id
        });

        if (data641568f194350.data.code != 1) {
          this.$message.info(data641568f194350.data.msg);
          return
        }



        this.popupShow1686119263829 = false;
        this.getListFunc()
      },
      //积分商城-兑换记录
      getListFunc() {
        this.minixPagingListsApi = global.apiUrls.post6415318b455ed;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          type: this.tabs
        }
        this.listData = [];
        this.dataMessage = this.listData;
        this.pagingListToggle();

      },
      //积分商城-提醒发货
      async remindshipFunc(id) {
        //请求方法
        //数据验证

        let data64155d9464c1d = await this.$api.post(global.apiUrls.post64155d9464c1d, {
          order_sn: id
        });

        if (data64155d9464c1d.data.code != 1) {
          this.$message.info(data64155d9464c1d.data.msg);
          return
        }



        uni.showToast({
          title: global.i18n.t('提醒成功'),
          mask: true,
          icon: 'none',
          duration: 1500
        });
        this.getListFunc()
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      //页面监听
      diyPageListen() {
        uni.$on('upjflist', (data) => {
          this.getListFunc()
        });
      },
      //注销页面监听
      diyOffPageListen() {
        uni.$off('upjflist');
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto;
  }

  .exChange_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .exChange_fd0_0_c2 {
    width: 36rpx;
  }

  .exChange_fd0_0_c0_c0 {
    font-size: 36rpx;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
  }

  .exChange_fd0_0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
  }

  .exChange_fd1_1_c0_c3_c2_1 {
    background: var(--benbenbgColor7);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #fff;
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .exChange_fd1_1_c0_c3_c2 {
    background: var(--benbenbgColor7);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: var(--benbenFontColor3);
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .exChange_fd1_1_c0_c3_c1_1 {
    background: #F6F6F6;
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: rgba(51, 51, 51, 1);
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    font-weight: 500;
  }

  .exChange_fd1_1_c0_c3_c1 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: var(--benbenFontColor0);
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    font-weight: 500;
  }

  .exChange_fd1_1_c0_c3_c0_c1 {
    background: #FFFFFF;
  }

  .exChange_fd1_1_c0_c3_c0_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
  }

  .exChange_fd1_1_c0_c3_c0 {
    margin: 0rpx auto 0rpx 0rpx;
    font-size: 24rpx;
    color: rgba(102, 102, 102, 1);
  }

  .exChange_fd1_1_c0_c3 {
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .exChange_fd1_1_c0_c2_c0 {
    color: var(--benbenFontColor2);
  }

  .exChange_fd1_1_c0_c2 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .exChange_fd1_1_c0_c1_c1_c1_c6 {
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
  }

  .exChange_fd1_1_c0_c1_c1_c1_c5 {
    margin: 0rpx 0rpx 0rpx auto;
    font-size: 24rpx;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
  }

  .exChange_fd1_1_c0_c1_c1_c1_c2 {
    font-size: 22rpx;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
  }

  .exChange_fd1_1_c0_c1_c1_c1_c1 {
    font-size: 22rpx;
    font-weight: 600;
    color: var(--benbenFontColor0);
  }

  .exChange_fd1_1_c0_c1_c1_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .exChange_fd1_1_c0_c1_c1_c1 {
    margin: auto 0rpx 0rpx 0rpx;
  }

  .exChange_fd1_1_c0_c1_c1_c0 {
    font-size: 28rpx;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .exChange_fd1_1_c0_c1_c1 {
    height: 200rpx;
  }

  .exChange_fd1_1_c0_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .exChange_fd1_1_c0_c1 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .exChange_fd1_1_c0_c0_c2 {
    font-size: 28rpx;
    font-weight: 500;
    color: var(--benbenFontColor5);
  }

  .exChange_fd1_1_c0_c0_c1 {
    font-size: 28rpx;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .exChange_fd1_1_c0_c0 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .exChange_fd1_1_c0 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .exChange_fd1_1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .exChange_bodyfd1_0_c3 {
    padding: 24rpx 24rpx 0rpx 24rpx;
  }

  .exChange_titlefd1_0_c3 {
    font-size: 28rpx;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
  }

  .exChange_linefd1_0 {
    background: var(--benbenbgColor7);
    width: 40rpx;
    height: 8rpx;
    top: 75rpx;
    background-size: 100% auto !important;
    border-radius: 80rpx 80rpx 80rpx 80rpx;
  }

  .checkTitlefd1_0 {
    font-weight: 600 !important;
    font-size: 28rpx !important;
    color: rgba(4, 4, 4, 1) !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .exChange_benbenTabsfd1_0 {
    background: #fff;
    width: 750rpx;
    height: 87rpx;
    white-space: nowrap;
    text-align: center;
  }

  .exChange_flex_2 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .exChange_fd2_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 263rpx;
  }

  .exChange_fd2_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    padding: 0rpx 103rpx 0rpx 103rpx;
  }

  .exChange_fd2_1 {
    line-height: 52rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: 32rpx 60rpx 40rpx 60rpx;
  }

  .exChange_fd2_0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    text-align: center;
    margin: 40rpx 60rpx 0rpx 60rpx;
  }

  .exChange_flex_3 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .exChange_fd3_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 263rpx;
  }

  .exChange_fd3_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    padding: 0rpx 103rpx 0rpx 103rpx;
  }

  .exChange_fd3_1 {
    line-height: 52rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: 32rpx 60rpx 40rpx 60rpx;
  }

  .exChange_fd3_0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    text-align: center;
    margin: 40rpx 60rpx 0rpx 60rpx;
  }

  .exChange_flex_4 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .exChange_fd4_2_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 263rpx;
  }

  .exChange_fd4_2_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 110rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    padding: 0rpx 103rpx 0rpx 103rpx;
  }

  .exChange_fd4_1 {
    line-height: 52rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333333;
    text-align: center;
    margin: 32rpx 60rpx 40rpx 60rpx;
  }

  .exChange_fd4_0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    text-align: center;
    margin: 40rpx 60rpx 0rpx 60rpx;
  }
</style>
